/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018-12-15 Time: 23:16
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_FOCUS,
    COLOR_GRAY_BACKGROUND,
    COLOR_THEME,
    COLOR_WHITE,
    FONT_COLOR_TITLE,
    FONT_SIZE_TITLE
} from "../../../../constant/PHColors"
import {Header} from "react-navigation";
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../../constant/PHScreen";

export const styles = StyleSheet.create({

    body: {
    flex: 1,
    backgroundColor: COLOR_GRAY_BACKGROUND
    },

    submitView: {
    height: 44,
    margin: 15,
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 10
    },

    submitText: {
    fontSize: FONT_SIZE_TITLE,
    color: '#FFF'
    },

    itemHeader: {
    height: 40,
    flexDirection: 'row',
    backgroundColor: '#FFF'
    },

    itemHeaderLeft: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center',
    marginLeft: 15
    },

    itemHeaderRight: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'center',
    marginRight: 15
    },

    itemHeaderText: {
    fontSize: 17,
    color: FONT_COLOR_TITLE
    },

    modalContainer: {
      flex: 1,
      backgroundColor: 'rgba(0,0,0, 0.4)',
    },

    selectTop:{
        borderBottomColor:'#e4e4e4',
        borderBottomWidth:1,
        flexDirection: 'row',
        width: SCREEN_WIDTH - 30,
        left:15,
        paddingBottom: 5,
        marginBottom:5,
    },

    top: {
        height: 30,
        flexDirection: 'row'
    },

    topLeft: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center'
    },

    topRight: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center'
    },

    topPointText: {
        fontSize: 16,
        color: 'black',
        marginLeft: 15,
        marginTop:7,
    },

    boxBody: {
        height: 40,
        borderColor: '#d9d9d9',
        borderLeftWidth: 0,
        borderTopWidth: 0,
        borderBottomWidth: 1,
        borderRightWidth: 0,
    },

    modalBody:{
        top:40,
        left:40,
        width:SCREEN_WIDTH - 80,
        backgroundColor:'white',
        height: SCREEN_HEIGHT-100,
        borderRadius: 10,
    },
    modalHeader: {
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        borderBottomWidth: 2,
        borderBottomColor: COLOR_THEME
    },

    modalHeaderText: {
        fontSize: 18,
        color: COLOR_FOCUS
    },

    checkModalBody:{
        top:(SCREEN_HEIGHT-100)/2,
        height: 100,
        left:40,
        width:SCREEN_WIDTH - 80,
        backgroundColor:'white',
    },

    checkModalHeaderText: {
        fontSize: 18,
        color: '#2f67ff'
    },

    checkModalHeader: {
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
    },

    checkModalCenter:{
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection:'row'
    },

    checkModalCenterLeft:{
        flex:1,
        height: 44,
        margin: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor:'#cecece'
    },

    checkModalCenterRight:{
        flex:1,
        height: 44,
        margin: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor:'#2f67ff'
    }
})